<div class="row-fluid">
    <ul  class="span12 breadcrumb alingCenter"
         <li><b><?php echo $cantidadEstablecimientos ?> establecimientos econtrados</b></li>
    </ul>
</div>    
<div id="buscarEstablecimiento"  class="row-fluid">
    <div class="span2">
        Nombre:
        <input id="nombre" type="text" class="input-block-level" value="<?php if (!empty($_GET["nombre"])) echo $_GET["nombre"]; ?>"> 
    </div>
    <div class="span2 ">
        Pais:
        <select id="pais" class="input-block-level">
            <option value="">Todos</option>
            <?php foreach ($paises as $pais) { ?>
                <option value="<?= $pais->id_pais ?>" <?php
                if (!empty($_GET["pais"])) {
                    if ($_GET["pais"] == $pais->id_pais)
                        echo "selected";
                }
                ?>><?= $pais->nombre ?> </option>
<?php } ?>
        </select>   
    </div>
    <div class="span2">
        Estatus:
        <select id="estatus" class="input-block-level">
            <option value="">Todos</option>
            <option value="1" <?php
            if (isset($_GET["estatus"])) {
                if ($_GET["estatus"] == 1)
                    echo "selected";
            }
            ?>>Activo</option>
            <option value="0" <?php
            if (isset($_GET["estatus"])) {
                if ($_GET["estatus"] == 0)
                    echo "selected";
            }
            ?>>Inactivo</option>
        </select>
    </div>
    <div class="span2">
        Fecha afi - desde:
        <input id="fechaCreacionDesde" type="text" class="input-block-level" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["fechaCreacionDesde"])) echo $_GET["fechaCreacionDesde"]; ?>"> 
    </div>
    <div class="span2">
       Fecha afi. - hasta:
        <input id="fechaCreacionHasta" type="text" class="input-block-level" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["fechaCreacionHasta"])) echo $_GET["fechaCreacionHasta"]; ?>"> 
    </div>
    <div class="span2">
        <div class="row-fluid">
            <div class="span4">
                <br>
                <button title="Buscar" id="botonBuscarEstablecimiento" type="submit" class="btn btn-inverse pull-right"><i class="icon-search icon-white"></i></button>
            </div>
            <div class="span4">
                <br>
                <a  title="Limpiar formulario" href="administrarUsuarios" class="btn btn-primary pull-right"><i class="icon-refresh icon-white"></i></a>
            </div>
        </div>
    </div>

</div>
<table class="table table-hover">

    <thead>
        <tr>
            <th>Nombre</th>
            <th>Tipo</th>                           
            <th>Telefono</th>
            <th>Pägina web</th>
            <th>Email</th>
            <th>Adminsitrador</th>
        </tr>
    </thead>
    <tbody id="table-usuarios" data-pagina="1">
<?php
// var_dump($usuarios);
foreach ($establecimientos as $establecimiento) {
    ?>
            <tr>
                <td><?php echo $establecimiento->nombre_establecimiento ?></td>
                <td><?php echo $establecimiento->tipo_establecimiento ?></td>
                <td><?php echo $establecimiento->telefono ?></td>
                <td><?php echo $establecimiento->pagina_web ?></td>
                <td><?php echo $establecimiento->email ?></td>
                <td><?php echo $establecimiento->nombre_administrador ?></td>

            <tr>
<?php } ?>

    </tbody>
</table>
<div class="row-fluid">
    <div id="paginacion" class="pagination pull-right"
         data-pais="<?php if (!empty($_GET["pais"])) echo $_GET["pais"]; ?>"
         data-ciudad="<?php if (!empty($_GET["ciudad"])) echo $_GET["ciudad"]; ?>"
         data-estatus="<?php if (!empty($_GET["estatus"])) echo $_GET["estatus"]; ?>"
         data-fechaCreacion="<?php if (!empty($_GET["fechaCreacion"])) echo $_GET["fechaCreacion"]; ?>"
         >
        <ul>
            <li class="<?php
            if ($paginaActiva == 1)
                echo "active";
            else
                echo "noActive";
            ?>"><a data-page="1">1</a></li>
<?php for ($i = 2; $i <= $cantidadPaginas; $i++) { ?>
                <li class="<?php
    if ($paginaActiva == $i)
        echo "active";
    else
        echo "noActive";
    ?>"><a data-page="<?php echo $i; ?>"><?php echo $i; ?></a></li>
<?php } ?>
        </ul>
    </div> 
</div>
<!--
<div class="row-fluid">
    <div class="row-fluid">
        <ul  class="span12 breadcrumb alingCenter">
            <li><b>Listado de usuarios Administradores</b></li>
        </ul>
    </div>
</div>
<div class="row-fluid">
    <div class="span3">
        <div class="row-fluid">
            <ul id="headBusquedaProveedores" class="span12 breadcrumb alingCenter">
                <li><b>Buscar</b></li>
            </ul>
        </div>
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="span4">
                    Nombre
                </div>
                <div class="span7">
                    <input type="text" id="buscar-nombre" class="span12 search" >
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    Email
                </div>
                <div class="span7">
                    <input type="text" id="buscar-nombre" class="span12 search" >
                </div>
            </div>
        </div>
    </div>
    <div class="span9">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Resultados</b></li>
            </ul>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <a href="#modalProveedor" class="btn btn-primary" id="nuevo-proveedor" type="button" data-toggle="modal"> Nuevo Usuario</a>

            </div>   

            <div class="row-fluid">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Usuario</th>                           
                            <th>Cuentas</th>
                            <th>Contraseña</th>
                            <th>Recomendados</th>
                        </tr>
                    </thead>
                    <tbody id="table-usuarios" data-pagina="1">
<?php
// var_dump($usuarios);
foreach ($usuarios as $usuario) {
    ?>
                                                                        <tr>
                                                                            <td><?php echo $usuario->nombre_completo ?></td>
                                                                            <td><?php echo $usuario->usuario ?></td>                               
                                                                            <td><a href="#modalCuentas"  data-toggle="modal" class="cuenta" data-usuario="<?php echo $usuario->id_usuario ?>"  ><?php echo $usuario->cuentas ?></a></td>

                                                                            <td><?php echo $usuario->password ?></td>
                                                                            <td><?php echo $usuario->recomendados ?></td>

                                                                        <tr>
<?php } ?>

                    </tbody>
                </table>
            </div>
            <div class="row-fluid">
                <div class="pagination pull-right" id="pagination">
<!--                        <ul>
                            <li class="active">
                                <a href="#">1</a>
                            </li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">Siguiente</a></li>
                        </ul>-->
<!--       </div>
   </div>
</div>
</div>
</div>  

-->

<!--  I   N   S   E   R  C  I   O  N-->
<!--
<div id="modalProveedor" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Crear usuarios administradores</h4>
    </div>
    <div class="modal-body">

        <div id="div-personas">
            <form id="" action="administrarUsuarios/crearUsuarioAdministrador" method="post">

                <div class="row-fluid">                    
                    <div class="span12">

                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Nombre:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-nombre" type="text" name="nombre_completo"  value="" required>
                            </div>
                        </div>



                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">E-mail:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-direccion" type="text" name="email" value="" required>
                            </div>
                        </div>



                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Telefono:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-correo" type="text" name="telefono"  value="" required>
                            </div>
                        </div> 


                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Usuario:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-correo" type="text" name="usuario" value="" required>
                            </div>
                        </div> 

                        <div class="row-fluid"> 
                            <div class="span5">
                                <label class="pull-right">Contraseña:</label>
                            </div>
                            <div class="span7">
                                <input id="proveedor-correo" type="text" name="password" value="" required>
                            </div>
                        </div> 

                        <hr>

                        <h5>Agregar cuentas a este usuario</h5>

                        <div class="row-fluid">
                            <div class="span12">
                                <div class="span3">                                   
                                    <input id="establecimiento" type="text" class="input-medium" placeholder="Establecimiento"  >
                                </div>  

                                <div class="offset1 span4">                                    
                                    <select class="input" id="cuenta">
                                        <option value="-1" name="id_cuenta">Seleccione el tipo de cuenta</option>
<?php foreach ($cuentas as $cuenta) { ?>
                                                                                        <option value="<?php echo $cuenta->id_cuenta ?>" name="id_cuenta"><?php echo $cuenta->tipo ?></option>
<?php } ?>
                                    </select>    
                                </div> 
                                <div class="offset2 span2">
                                    <button id="btn-agregar-establecimiento" class="btn btn-success">Agregar</button>
                                </div> 
                            </div> 
                        </div> 

                        <div class="row-fluid">
                            <div class="span12">
                                <table class="table table-striped">
                                    <thead>
                                    <th>Nombre establecimiento</th>   
                                    <th>Tipo de Cuenta</th>   
                                    <thead>
                                    <tbody id="table-establecimientos">


                                    </tbody>   

                                </table>    
                            </div>    
                        </div>    



                    </div>


                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-inverse">Enviar</button>
                </div>
            </form>
        </div>  
    </div>
</div>






<!--- MODAL CUENTAS -->

<!--
<div id="modalCuentas" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Cuentas</h4>
    </div>
    <div class="modal-body">

        <div id="div-personas">
            <form id="" action="administrarUsuarios/crearUsuarioAdministrador" method="post">

                <div class="row-fluid">                    
                    <div class="span12">
                        <table>
                            <thead>
                                <tr>
                                    <th>Establecimiento</th>
                                    <th>ID establecimiento</th>
                                    <th>Estatus</th>
                                    <th>Vencimiento</th>
                                </tr>    
                            </thead><br>
                            <tbody id="tabla-cuentas">

                            </tbody> 
                        </table>

                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-inverse">Aceptar</button>
                </div>
            </form>
        </div>  
    </div>
</div>








-->